flopp / FloppsMap

  indent: 4

*/

/*global

  $, Lines, google, Cookies, Coordinates, trackMarker,

  id2alpha, alpha2id

*/

/// Marker

function Marker(parent, id) {

    'use strict';

    this.m_parent = parent;

    this.m_id = id;

    this.m_alpha = id2alpha(id);

    this.m_free = true;

    this.m_name = "";

    this.m_marker = null;

    this.m_circle = null;

}

Marker.prototype.toString = function () {

    'use strict';

    return this.getAlpha() + ":" + this.getPosition().lat().toFixed(6) + ":" + this.getPosition().lng().toFixed(6) + ":" + this.getRadius() + ":" + this.getName();

};

Marker.prototype.isFree = function () {

    'use strict';

    return this.m_free;

};

Marker.prototype.clear = function () {

    'use strict';

    if (this.m_free) {

        return;

    }

    this.m_free = true;

    this.m_marker.setMap(null);

    this.m_marker = null;

    this.m_circle.setMap(null);

    this.m_circle = null;

    $('#dyn' + this.m_id).remove();

    Lines.updateLinesMarkerRemoved(this.m_id);

    this.m_parent.handleMarkerCleared();

};

Marker.prototype.getId = function () {

    'use strict';

    return this.m_id;

};

Marker.prototype.getAlpha = function () {

    'use strict';

    return this.m_alpha;

};

Marker.prototype.getName = function () {

    'use strict';

    return this.m_name;

};

Marker.prototype.setName = function (name) {

    'use strict';

    this.m_name = name;

    this.update();

};

Marker.prototype.setPosition = function (position) {

    'use strict';

    this.m_marker.setPosition(position);

    this.m_circle.setCenter(position);

    this.update();

};

Marker.prototype.getPosition = function () {

    'use strict';

    return this.m_marker.getPosition();

};

Marker.prototype.setRadius = function (radius) {

    'use strict';

    this.m_circle.setRadius(radius);

    this.update();

};

Marker.prototype.getRadius = function () {

    'use strict';

    return this.m_circle.getRadius();

};

Marker.prototype.setNamePositionRadius = function (name, position, radius) {

    'use strict';

    this.m_name = name;

    this.m_marker.setPosition(position);

    this.m_circle.setCenter(position);

    this.m_circle.setRadius(radius);

    this.update();

};

Marker.prototype.initialize = function (map, name, position, radius) {

    'use strict';

    this.m_free = false;

    this.m_name = name;

    // marker.png is 26x10 icons (each: 33px x 37px)

    var self = this,

        iconw = 33,

        iconh = 37,

        offsetx = (this.m_id % 26) * iconw,

        offsety = Math.floor(this.m_id / 26) * iconh,

        color = "#0090ff";

    this.m_marker = new google.maps.Marker({

        position: position,

        map: map,

        icon: new google.maps.MarkerImage(

            "img/markers.png",

            new google.maps.Size(iconw, iconh),

            new google.maps.Point(offsetx, offsety),

            new google.maps.Point(0.5 * iconw, iconh - 1)

        ),

        draggable: true

    });

    google.maps.event.addListener(this.m_marker, "drag", function () { self.update(); });

    google.maps.event.addListener(this.m_marker, "dragend", function () { self.update(); });

    this.m_circle = new google.maps.Circle({

        center: position,

        map: map,

        strokeColor: color,

        strokeOpacity: 1,

        fillColor: color,

        fillOpacity: 0.25,

        strokeWeight: 1,

        radius: radius

    });

};

Marker.prototype.update = function () {

    'use strict';

    if (this.m_free) {

        return;

    }

    var pos = this.m_marker.getPosition(),

        radius = this.m_circle.getRadius();

    this.m_circle.setCenter(pos);

    Cookies.set('marker' + this.m_id, pos.lat().toFixed(6) + ":" + pos.lng().toFixed(6) + ":" + radius + ":" + this.m_name, {expires: 30});

    $('#view_name' + this.m_alpha).html(this.m_name);

    $('#view_coordinates' + this.m_alpha).html(Coordinates.toString(pos));

    $('#view_circle' + this.m_alpha).html(radius);

    $('#edit_name' + this.m_alpha).val(this.m_name);

    $('#edit_coordinates' + this.m_alpha).val(Coordinates.toString(pos));

    $('#edit_circle' + this.m_alpha).val(radius);

    Lines.updateLinesMarkerMoved(this.m_id);

};

/// Markers

var Markers = {};

Markers.m_map = null;

Markers.m_markers = null;

Markers.init = function (themap) {

    'use strict';

    this.m_map = themap;

    this.m_markers = new Array(26 * 10);

    var id;

    for (id = 0; id !== this.m_markers.length; id = id + 1) {

        this.m_markers[id] = new Marker(this, id);

    }

};

Markers.getSize = function () {

    'use strict';

    return this.m_markers.length;

};

Markers.getById = function (id) {

    'use strict';

    if (id < 0 || id >= this.m_markers.length) {

        return null;

    }

    return this.m_markers[id];

};

Markers.getUsedMarkers = function () {

    'use strict';

    var count = 0;

    this.m_markers.map(function (m) {

        if (!m.isFree()) {

            count = count + 1;

        }

    });

    return count;

};

Markers.getFreeMarkers = function () {

    'use strict';

    return this.getSize() - this.getUsedMarkers();

};

Markers.getNextUsedId = function (id) {

    'use strict';

    var i;

    for (i = id + 1; i < this.m_markers.length; i = i + 1) {

        if (!this.m_markers[i].isFree()) {

            return i;

        }

    }

    return -1;

};

Markers.removeById = function (id) {

    'use strict';

    if (id >= 0 && id < this.m_markers.length) {

        this.m_markers[id].clear();

    }

};

Markers.deleteAll = function () {

    'use strict';

    this.m_markers.map(

        function (m) {

            m.clear();

        }

    );

};

Markers.saveMarkersList = function () {

    'use strict';

    var ids = [];

    this.m_markers.map(

        function (m) {

            if (!m.isFree()) {

                ids.push(m.getId());

            }

        }

    );

    Cookies.set('markers', ids.join(":"), {expires: 30});

};

Markers.toString = function () {

    'use strict';

    var parts = [];

    this.m_markers.map(

        function (m) {

            if (!m.isFree()) {

                parts.push(m.toString());

            }

        }

    );

    return parts.join("*");

};

Markers.update = function () {

    'use strict';

    this.m_markers.map(

        function (m) {

            m.update();

        }

    );

};

Markers.handleMarkerCleared = function () {

    'use strict';

    if (this.getUsedMarkers() === 0) {

        $('#btnmarkers2').hide();

    }

    this.saveMarkersList();

};

Markers.goto = function (id) {

    'use strict';

    trackMarker('goto');

    var m = this.getById(id);

    if (m) {

        this.m_map.setCenter(m.getPosition());

    }

};

Markers.center = function (id) {

    'use strict';

    trackMarker('center');

    var m = this.getById(id);

    if (m) {

        m.setPosition(this.m_map.getCenter());

    }

};